﻿﻿
/* -----------------------
   * 多窗口tab *
* ----------------------- */
.l-tab-links{position:relative;height:2px;width:100%;overflow:hidden;background:url('images/maintab_bg.gif') repeat-x  bottom;}
/*.l-tab-links{width:100%;position:absolute;height:30px;top:-26px;z-index:999;overflow:hidden;}*/
.l-tab-links-left{position:absolute; top:1px; left:0; width:17px; height:23px; overflow:hidden; background:url(images/tabs-tools.gif) 0px 0px; z-index:13; cursor:pointer;}
.l-tab-links-right{ position:absolute; top:1px; right:0;width:17px; height:23px; overflow:hidden;background:url(images/tabs-tools.gif) -51px 0px;z-index:13; cursor:pointer;}
.l-tab-links-left-over{ background-position:-17px 0px;}
.l-tab-links-right-over{ background-position:-68px 0px;}
.l-tab-links-left-invalid{ background-position:-34px 0px;}
.l-tab-links-right-invalid{ background-position:-85px 0px;}

.l-tab-links ul{ list-style:none; margin:0 0 0 10px;; padding:0; width:9999px; height:30px; overflow:hidden; top:0; left:0;}
.l-tab-links li{ float:left; margin:0; padding:0; margin-left:2px; height: 29px; line-height:29px; cursor:pointer;position:relative; overflow:hidden; border:none; }
.l-tab-links li.l-selected{height:30px;line-height:30px;color:#FFF}
.l-tab-links li a{ display:block; margin-left:16px; margin-right:37px;}
.l-tab-links li.l-selected a{color:#fff;}

.l-tab-links  .maintab_left a{vertical-align:middle;color:#000;height:29px;line-height:29px;display:inline-block;margin:0 8px 0 20px;}
.l-tab-links  .maintab_left img{vertical-align:middle;margin:0 -15px 0 5px;display:inline-block;}
.l-tab-links  .maintab_left{height:29px;float:left;background:url(images/maintab_left.gif) no-repeat left; vertical-align:middle;}
.l-tab-links  .maintab_right{height:29px;float:left;width:23px;background:url(images/maintab_right.gif) no-repeat bottom;}

.l-tab-links .l-selected  .maintab_left a{vertical-align:middle;color:#fff;height:30px;line-height:30px;display:inline-block;margin:0 8px 0 20px;}
.l-tab-links .l-selected  .maintab_left img{vertical-align:middle;margin:0 -15px 0 5px;display:inline-block;}
.l-tab-links .l-selected  .maintab_left{height:30px;float:left;background:url(images/maintab_left_selected.gif) no-repeat left; vertical-align:middle;}
.l-tab-links .l-selected  .maintab_right{height:30px;float:left;width:23px;background:url(images/maintab_right_selected.gif) no-repeat bottom;}

.l-tab-links .l-selected .l-tab-links-item-left{ position:absolute;top:0; left:0;width:4px; height:30px; background:url(images/maintab_left_selected.gif) no-repeat !important}
.l-tab-links .l-selected .l-tab-links-item-right{position:absolute;top:0; right:0;width:7px; height:30px;background:url(images/maintab_right_selected.gif) no-repeat !important}

.l-tab-links .l-tab-links-item-left{ position:absolute;top:0; left:0;width:100%; height:29px; background:url(images/maintab_left.gif) no-repeat left;float:left}
.l-tab-links .l-tab-links-item-right{position:absolute;top:0; right:0;width:24px; height:29px;background:url(images/maintab_right.gif) no-repeat;float:left}

.l-tab-links .l-tab-links-item-close{ width:11px; height:11px; overflow:hidden; position:absolute; top:4px; right:6px; z-index:12;background:url(images/icon-close.gif); cursor:pointer;}
.l-tab-links .l-tab-links-item-close-over{background:url(images/icon-close-over.gif);}

.l-tab-links .l-selected .l-tab-links-item-close{ width:11px; height:11px; overflow:hidden; position:absolute; top:4px; right:6px; z-index:12;background:url(images/icon-selected-close.gif); cursor:pointer;}
.l-tab-links .l-selected .l-tab-links-item-close-over{background:url(images/icon-close-over.gif);}

.l-tab-content{ margin:0 auto; padding:0; border:none; width:100%; background:#6b91dd;}
.l-tab-content-item{ width:100%;}
.l-tab-content-item iframe{width:100%;height:100%;border:none;background:#fff; margin:6px 0 0 5px; display:inline;}
/* -----------------------
   * 页面里面的tab *
* ----------------------- */
.tab_normal  .l-tab-links{position:relative;height:2px;width:100%;overflow:hidden;border-bottom:1px solid #e5e2e2; background:none;}
.tab_normal { float:none !important}
.tab_normal  .l-tab-links ul{ list-style:none; margin:0; padding:0; width:9999px; height:26px; overflow:hidden; position:absolute; top:0; left:0;}
.tab_normal  .l-tab-links li{ float:left; padding:0; margin-right:5px; height: 29px; line-height:29px; cursor:pointer;position:relative; overflow:hidden; border:none; margin-left:0px !important }
.tab_normal  .l-tab-links .l-selected .maintab_left a{vertical-align:middle;color:#000;height:26px;display:inline-block; line-height:26px !important}
.tab_normal  .l-tab-links li.l-selected a{color:#000;}
.tab_normal  .l-tab-links  .maintab_left{height:26px;float:left;background:url(images/tab_left.gif) no-repeat left; vertical-align:middle;}
.tab_normal  .l-tab-links  .maintab_left a{color:#666;}
.tab_normal  .l-tab-links .l-selected  .maintab_left{height:26px;float:left;background:url(images/tab_left_selected.gif) no-repeat left; vertical-align:middle;}
.tab_normal  .l-tab-links  .maintab_right{height:26px;float:left;width:2px;background:url(images/tab_right.gif) no-repeat bottom;}
.tab_normal  .l-tab-links .l-selected  .maintab_right{height:26px;float:left;width:2px;background:url(images/tab_right_selected.gif) no-repeat bottom;}
.tab_normal  .l-tab-links .l-selected .l-tab-links-item-left{ position:absolute;top:0; left:0;width:4px; height:30px; background:url(images/tab_left_selected.gif) no-repeat !important}
.tab_normal  .l-tab-links{ position:static !important;height:26px;}
.tab_normal  .l-tab-content{ background:none !important; padding-top:8px;}
.tab_normal  .l-tab-links .maintab_left a{margin:0 6px 0 10px;}


/* -----------------------
   * 组件中用到的tab，轻量级的 *
* ----------------------- */
.tab_module #content .l-tab-links{position:relative;height:2px;width:100%;overflow:hidden;border-bottom:1px solid #a9bce6; background:#f2f2f2;}
.tab_module #content{ float:none !important;border-top:1px solid #A9BCE6}
.tab_module #content .l-tab-links ul{ list-style:none; width:100%; height:26px; overflow:hidden; top:0; left:0;margin:0px !important;background:url(images/tab_module_bg.gif) repeat-x}
.tab_module #content .l-tab-links li{ float:left; padding:0;cursor:pointer;position:relative; overflow:hidden; border:none; margin-left:0px !important }
.tab_module #content .l-tab-links .l-selected .maintab_left a{vertical-align:middle;color:#000;height:22px;display:inline-block; line-height:22px !important; font-weight:bold; color:#333;}
.tab_module #content .l-tab-links li.l-selected a{color:#000;}
.tab_module #content .l-tab-links  .maintab_left{height:24px;float:left;background:#f2f2f2; vertical-align:middle;border-left:1px solid #fff; border-right:1px solid #a9bce6;background:url(images/tab_module_bg.gif) repeat-x}
.tab_module #content .l-tab-links  .maintab_left a{color:#666;}
.tab_module #content .l-tab-links .l-selected  .maintab_left{height:23px;float:left;background:#fff; vertical-align:middle;border-top:2px solid #fed944;border-left:0px;}
.tab_module #content .l-tab-links  .maintab_right{height:24px;float:left;width:0px;background:#f2f2f2;background:url(images/tab_module_bg.gif) repeat-x}
.tab_module #content .l-tab-links .l-selected  .maintab_right{height:26px;float:left;width:0px;background:#fff;}
.tab_module #content .l-tab-links .l-selected .l-tab-links-item-left{ position:absolute;top:0; left:0;width:4px; height:30px; background:url(images/tab_left_selected.gif) no-repeat !important}
.tab_module #content .l-tab-links{
    position:static !important;
    _position:relative;
    height:24px;
    left: 0px;
}
.tab_module #content .l-tab-content{ background:none !important;}
.tab_module #content .l-tab-links .maintab_left a{margin:0 10px 0 14px; height:24px; line-height:24px; color:#7080a0;}
.tab_module #content .l-tab-links li.l-selected{}


/* -----------------------
   * 内容编辑界面的的 TAB*
* ----------------------- */
.tab_sidebar .l-tab-links{position:relative;height:2px;width:100%;overflow:hidden;border-bottom:1px solid #86a1b6; background:#f2f2f2;}
.tab_sidebar { float:none !important}
.tab_sidebar  .l-tab-links ul{ list-style:none; width:9999px; height:26px; overflow:hidden; position:absolute; top:0; left:0;margin:0px !important;background:url(images/tab_module_bg.gif) repeat-x}
.tab_sidebar  .l-tab-links li{ float:left; padding:0;cursor:pointer;position:relative; overflow:hidden; border:none; margin-left:0px !important }
.tab_sidebar  .l-tab-links .l-selected .maintab_left a{vertical-align:middle;color:#000;height:22px;display:inline-block; line-height:22px !important; font-weight:bold; color:#333;}
.tab_sidebar  .l-tab-links li.l-selected a{color:#000;}
.tab_sidebar  .l-tab-links  .maintab_left{height:24px;float:left;background:#f2f2f2; vertical-align:middle;border-left:1px solid #fff; border-right:1px solid #86a1b6;background:url(images/tab_module_bg.gif) repeat-x}
.tab_sidebar  .l-tab-links  .maintab_left a{color:#666;}
.tab_sidebar  .l-tab-links .l-selected  .maintab_left{height:23px;float:left;background:#fff; vertical-align:middle;border-top:2px solid #fed944;border-left:0px; }
.tab_sidebar  .l-tab-links  .maintab_right{height:24px;float:left;width:0px;background:#f2f2f2;background:url(images/tab_module_bg.gif) repeat-x}
.tab_sidebar  .l-tab-links .l-selected  .maintab_right{height:26px;float:left;width:0px;background:#fff;}
.tab_sidebar  .l-tab-links .l-selected .l-tab-links-item-left{ position:absolute;top:0; left:0;width:4px; height:30px; background:url(images/tab_left_selected.gif) no-repeat !important}
.tab_sidebar  .l-tab-links{ position:static !important;height:24px;}
.tab_sidebar  .l-tab-content{ background:none !important; margin-top:20px;}
.tab_sidebar  .l-tab-links .maintab_left a{margin:0 10px 0 14px; height:24px; line-height:24px; color:#7080a0;}
.tab_sidebar  .l-tab-links li.l-selected{}

/* -----------------------
   * easytab *
* ----------------------- */
.l-easytab{ padding:0px; position:relative;}
.l-easytab ul{margin:0; padding:0; list-style:none;position:absolute; top:0px; left:0px; z-index:101;}
.l-easytab .l-easytab-header { padding-left:3px;}
.l-easytab .l-easytab-header li{ float:left; margin-left:2px;}
.l-easytab .l-easytab-header li span{ display:block; line-height:22px; height:22px; padding-left:8px; padding-right:8px; background:url('images/bg-tab-title.gif') repeat-x; color:#333; text-decoration:none;border:1px solid #AECAF0; color:#283B56;}
.l-easytab .l-easytab-header li span.l-over{background:url('images/bg-tab-title-over.gif') repeat-x;border:1px solid #DAB364; cursor:pointer;}
.l-easytab .l-easytab-header li span.l-selected{ background:none; background:white; border-top:3px solid #FFBD69;height:20px;color:#355686; border-left:1px solid  #DAB364;border-right:1px solid  #DAB364;border-bottom:1px solid  white; }
.l-easytab .l-easytab-panelbox{ border:1px solid #AECAF0; clear:left; position:absolute;top:23px; padding:4px;z-index:100;}

/*tab图标*/
.tab_sidebar .maintab_left  span{width:16px; height:16px; float:left; line-height:16px; margin-top:3px; margin-left:3px;}
.tab_sidebar .maintab_left .base{ background:url(images/btn_add.png) no-repeat;}
.tab_sidebar .maintab_left .authority{ background:url(images/btn_add.png) no-repeat;}
.tab_sidebar .maintab_left .advanced{ background:url(images/btn_add.png) no-repeat;}

